<!--
 * @Date: 2020-12-28 15:22:53
 * @LastEditTime: 2020-12-31 15:56:29
 * @FilePath: /show/src/views/ourStrategy/index.vue
 * @Author: twy
 * @LastEditors: twy
-->
<template>
  <div id="page3">
    <div class="title">
      our strategy
    </div>
    <div class="content">
      <div class="inner-item" v-for="item in contentList" :key="item.title">
        <div class="title">{{ item.title }}</div>
        <div class="desc">{{ item.desc }}</div>
      </div>
    </div>
  </div>  
</template>

<script>
export default {
  name: 'ourStrategy',
  data() {
    return {
       contentList: [
        {
          title: '标题1',
          desc: '描述'
        },{
          title: '标题2',
          desc: '描述'
        },{
          title: '标题3',
          desc: '描述'
        },{
          title: '标题4',
          desc: '描述'
        }
      ]
    }
  }
}
</script>

<style scoped>
.title {
  height: 400px;
  width: 100%;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #1aa7ea;
}
.content {
  margin: 0px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: center;
  width: 70%;
  flex-direction: column;
}
.inner-item {
  display: flex;
  height: 200px;
  width: 100%;
  margin: 20px 10px;
  align-items: center;
  flex-direction: column;
}
</style>